<!DOCTYPE html>
<html lang="zh_CN">
<head>
	<title>our home</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="stylesheet" href="/static/client/mgi/css/style.css">

</head>
<body>

#parse("/include/header.html")

<div class="jumbotron" style="background-color:#3E444C">
	<div class="container">
		<div class="row">
			<div class="col-lg-10">
				<h1>
					<strong class="text-info">欢迎看看</strong>
					<small class="text-info">这里有我们家的很多PIC，记录着我们的幸福....</small>

				</h1>
			</div>
			
		</div>
	</div>

</div>

<!-- Marketing messaging and featurettes
    ================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->

<div class="container marketing">

	<!-- Three columns of text below the carousel -->
	<div class="row div-cir head-top div-shadow div-tm">
		<div class="col-lg-4">
			<img style="width: 140px; height: 140px;" class="img-circle" src="" data-src="holder.js/140x140" alt="140x140">
			<h2 class="text-info">爸爸</h2>
			<p class="text-info">这是爸爸。。。。</p>
			<p>
				<a class="btn btn-default btn-success" href="#father" role="button">View details »</a>
			</p>
		</div>
		<!-- /.col-lg-4 -->
		<div class="col-lg-4">
			<img style="width: 140px; height: 140px;" class="img-circle" src="/static/client/img/come_in2.jpg" alt="140x140">
			<h2 class="text-info">自己</h2>
			<p class="text-info">这就是我自己啦。。。。</p>
			<p>
				<a class="btn btn-default btn-success" href="#self" role="button">View details »</a>
			</p>
		</div>
		<!-- /.col-lg-4 -->
		<div class="col-lg-4">
			<img style="width: 140px; height: 140px;" class="img-circle" src="" data-src="holder.js/140x140" alt="140x140">
			<h2 class="text-info">妈妈</h2>
			<p class="text-info">这是妈妈。。。。</p>
			<p>
				<a class="btn btn-default btn-success" href="#mother" role="button">View details »</a>
			</p>
		</div>
		<!-- /.col-lg-4 -->
	</div>
	<!-- /.row -->

	<!-- START THE FEATURETTES -->

	<hr id="father" class="featurette-divider">

	<div  class="row featurette div-cir div-shadow div-tm">
		<div class="col-md-6 text-info">
			<h2 class="featurette-heading">
				张曙光
				<span>
					<small class="text-warning">帅帅的爸爸.....</small>
				</span>
			</h2>
			<p class="lead">
				爸爸是一个程序员，天天很忙的，他很辛苦。每天早上6点起床，晚上12点以后才能睡觉。他给我和妈妈做饭吃，给我讲故事。这个网站都是他帮我做的。。。。。
			</p>
		</div>
		<div class="col-md-6">
			<div id="mG1" class="microGallery">
				<img src="/static/client/mgi/Gallery3/1.jpg" alt="The Atlantic!"/>
				<img src="/static/client/mgi/Gallery3/2.jpg" alt="Almost White Sand!"/>
				<img src="/static/client/mgi/Gallery3/3.jpg" alt="Empty Beach"/>
				<img src="/static/client/mgi/Gallery3/4.jpg" alt="A Boat"/>
				<img src="/static/client/mgi/Gallery3/5.jpg" alt="The Rocks"/>
				<img src="/static/client/mgi/Gallery3/6.jpg" alt="Nice!"/>
				<img src="/static/client/mgi/Gallery3/7.jpg" alt="What's that?"/>
				<img src="/static/client/mgi/Gallery3/8.jpg" alt="Weird Color"/>
				<img src="/static/client/mgi/Gallery3/9.jpg" alt="I'am falling..."/>
				<img src="/static/client/mgi/Gallery3/10.jpg" alt="Water"/>
				<img src="/static/client/mgi/Gallery3/11.jpg" alt="Nice beach"/>
				<img src="/static/client/mgi/Gallery3/12.jpg" alt="More water"/>
				<img src="/static/client/mgi/Gallery3/13.jpg" alt="Bye!"/>
				<img src="/static/client/mgi/Gallery3/14.jpg" alt="Bye!"/>
			</div>

		</div>
	</div>

	<hr id="self" class="featurette-divider">

	<div class="row featurette div-cir div-shadow div-tm">
		<div class="col-md-6">
			<div id="mG2" class="microGallery">
				<img src="/static/client/mgi/Gallery3/1.jpg" alt="The Atlantic!"/>
				<img src="/static/client/mgi/Gallery3/2.jpg" alt="Almost White Sand!"/>
				<img src="/static/client/mgi/Gallery3/3.jpg" alt="Empty Beach"/>
				<img src="/static/client/mgi/Gallery3/4.jpg" alt="A Boat"/>
				<img src="/static/client/mgi/Gallery3/5.jpg" alt="The Rocks"/>
				<img src="/static/client/mgi/Gallery3/6.jpg" alt="Nice!"/>
				<img src="/static/client/mgi/Gallery3/7.jpg" alt="What's that?"/>
				<img src="/static/client/mgi/Gallery3/8.jpg" alt="Weird Color"/>
				<img src="/static/client/mgi/Gallery3/9.jpg" alt="I'am falling..."/>
				<img src="/static/client/mgi/Gallery3/10.jpg" alt="Water"/>
				<img src="/static/client/mgi/Gallery3/11.jpg" alt="Nice beach"/>
				<img src="/static/client/mgi/Gallery3/12.jpg" alt="More water"/>
				<img src="/static/client/mgi/Gallery3/13.jpg" alt="Bye!"/>
				<img src="/static/client/mgi/Gallery3/14.jpg" alt="Bye!"/>
			</div>
		</div>
		<div class="col-md-6 text-info">
			<h2 class="featurette-heading">
				小张张
				<span class="text-muted">
					<small class="text-warning">这里是我的地盘啦...</small>
				</span>
			</h2>
			<p class="lead">
				我现在还是一个未出生的小宝宝，其实我自己也不知道这是什么，我现在已经18周了，我很听话的，天天跟着妈妈上班、下班。妈妈经常带我去公园玩，给我唱歌听，叫我数数和英语；爸爸还给我讲故事呢，^_^.
			</p>
		</div>
	</div>

	<hr id="mother" class="featurette-divider">

	<div class="row featurette div-cir div-shadow div-tm">
		<div class="col-md-6 text-info">
			<h2 class="featurette-heading">
				陈梅梅
				<span class="text-muted">
					<small class="text-warning">漂亮的妈咪...</small>
				</span>
			</h2>
			<p class="lead">
				我的妈妈是一个漂亮的妈妈，从事医学相关的工作。她很好的哦，每天带我上班下班，给我唱歌听，讲故事，叫我写字、数数，还带我去公园玩，妈妈现在的主要工作就是带我哦，我越来越大，妈妈越来越辛苦了.....
			</p>
		</div>
		<div class="col-md-6">
			<div id="mG3" class="microGallery">
				<img src="/static/client/mgi/Gallery3/1.jpg" alt="The Atlantic!"/>
				<img src="/static/client/mgi/Gallery3/2.jpg" alt="Almost White Sand!"/>
				<img src="/static/client/mgi/Gallery3/3.jpg" alt="Empty Beach"/>
				<img src="/static/client/mgi/Gallery3/4.jpg" alt="A Boat"/>
				<img src="/static/client/mgi/Gallery3/5.jpg" alt="The Rocks"/>
				<img src="/static/client/mgi/Gallery3/6.jpg" alt="Nice!"/>
				<img src="/static/client/mgi/Gallery3/7.jpg" alt="What's that?"/>
				<img src="/static/client/mgi/Gallery3/8.jpg" alt="Weird Color"/>
				<img src="/static/client/mgi/Gallery3/9.jpg" alt="I'am falling..."/>
				<img src="/static/client/mgi/Gallery3/10.jpg" alt="Water"/>
				<img src="/static/client/mgi/Gallery3/11.jpg" alt="Nice beach"/>
				<img src="/static/client/mgi/Gallery3/12.jpg" alt="More water"/>
				<img src="/static/client/mgi/Gallery3/13.jpg" alt="Bye!"/>
				<img src="/static/client/mgi/Gallery3/14.jpg" alt="Bye!"/>
			</div>
		</div>
	</div>

	<hr>

	<!-- /END THE FEATURETTES -->

	<!-- FOOTER -->
	#include("/include/footer.html")

</div>
<!-- /.container -->

<script type="text/javascript" src="/static/client/mgi/jquery.microgallery.js"></script>
<script type="text/javascript" src="/static/client/js/jquery.lwtCountdown-1.0.js"></script>

<!-- Latest compiled and minified JavaScript -->
<script type="text/javascript">

		$(function(){

			$("#mG1").microgallery({
                    menu		:false,
                    size		:'large',
                    mode		:'thumbs',
                    cycle       :true,
                    autoplay    :false,	/* the autoplay can only exist if circular is true */
                    autoplayTime:2000,
                    largeW		: 498,
					largeH		: 333,
					largeThumbW	: 162,
					largeThumbH	: 107
                });
			$("#mG2").microgallery({
                    menu		:false,
                    size		:'large',
                    mode		:'thumbs',
                    cycle       :true,
                    autoplay    :false,	/* the autoplay can only exist if circular is true */
                    autoplayTime:2000,
                    largeW		: 498,
					largeH		: 333,
					largeThumbW	: 162,
					largeThumbH	: 107
                });
			$("#mG3").microgallery({
                    menu		:false,
                    size		:'large',
                    mode		:'thumbs',
                    cycle       :true,
                    autoplay    :true,	/* the autoplay can only exist if circular is true */
                    autoplayTime:2000,
                    largeW		: 498,
					largeH		: 333,
					largeThumbW	: 162,
					largeThumbH	: 107
                });
			//倒计时的
            $('#world').countDown({
					targetDate: {
						'day': 		13,
						'month': 	3,
						'year': 	2014,
						'hour': 	0,
						'min': 		0,
						'sec': 		0					
					}
				});
		});

	</script>
	#include("/include/res_login.html")
</body>

</html>